page{
  width: 100%;
  height: 100%;
  background: #f4f5f9;
}
.main{
  width: 100%;
  height: 100%;
  position: absolute;
  background: #f4f5f9;
  display: flex;
  justify-content: center;
}

.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  margin-top: 82rpx;
  background-color: rgba(0,0,0,0.5);
  z-index: 9;
  text-align: center;
}

.property-list {
  height: 88rpx;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  z-index: 99;
}
.nav-list {
  border-top: 1rpx solid #E8F1FF;
  line-height: 88rpx;
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #4A96F3;
}

/* .main .top_bar{
  width: 100%;
  background: #FFFFFF;
  border-top: 1rpx solid #f4f5f9;
  text-align: center;
  z-index:9999;
  position: fixed;
  top: 0;
}


.main .top_bar .msg_type{
  font-family: PingFangSC-Regular;
  font-size: 32rpx;
  color: #353535;
  line-height: 92rpx;
  text-align: center;
} */

.center_content{
  margin: 0 auto;
  width:400rpx;
}
.main .top_bar .icon_arrow{
  width: 24rpx;
  height: 14rpx;
  margin-left: 20rpx;
}

.icon_add_msg{
  width: 36rpx;
  height: 36rpx;
  position: absolute;
  right: 48rpx;
  top: 28rpx;
}
.content{
  width: 100%;
  height: 100%;
  background: #f4f5f9;
}

.main .msg_list{
  width: 100%;
  height: 100%;
  position: absolute;
}

.main .msg_list .type_sys{
  height: 156rpx;
  margin-top: 20rpx;
  background: #FFFFFF;
  border-radius: 8rpx;
  position: relative;
}

.main .msg_list .type_sys .icon_msg_type{
  height: 112rpx;
  width: 112rpx;
  border: 1rpx solid #0067FF;
  border-radius: 56rpx;
  position: absolute;
  top: 22rpx;
  left: 44rpx;
  text-align: center;
}
.main .msg_list .type_sys .icon_msg_type .icon_msg_type_text{
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  line-height: 112rpx;
  color: #0067FF;
}

.main .msg_list .type_sys .icon_dot{
  width: 16rpx;
  height: 16rpx;
  background: #0067FF;
  border-radius: 8rpx;
  position: absolute;
  top: 18rpx;
  left: 40rpx;
}

.main .msg_list .type_sys .title{
  width: 346rpx;
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  color: #555555;
  position: absolute;
  top: 32rpx;
  left: 80rpx;
  white-space: nowrap;
  overflow: hidden;
}

.main .msg_list .type_sys .time{
  font-family: PingFangSC-Medium;
  font-size: 24rpx;
  color: #BBBBBB;
  position: absolute;
  top: 32rpx;
  right: 52rpx;
  white-space: nowrap;
  overflow: hidden;
}

.main .msg_list .type_sys .desc{
  width: 82%;
  font-family: PingFangSC-Medium;
  font-size: 28rpx;
  color: #BBBBBB;
  position: absolute;
  top: 84rpx;
  left: 80rpx;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}


.md-movie-list__tips{
  width: 100%;
  background: #f4f5f9;
  text-align: center;
  position: fixed;
  bottom: 0;
  height: 70rpx;
}
.md-movie-list__tips .loadMore {
  font-size:28rpx;
  text-align:center;
  color:#ccc;
  vertical-align:middle;
}
.md-movie-list__tips .noMore {
  font-size:28rpx;
  text-align:center;
  color:#ccc;
  vertical-align:middle;
}
.md-movie-list__tips-image{
  width: 40rpx;
  height: 40rpx;
  margin-right: 20rpx;
  vertical-align: middle;
}
.md-movie-list__tips-text{
  font-size: 28rpx;
  text-align: center;
  padding: 50rpx;
  color: #ccc;
  vertical-align: middle;
}

.type_audit{
  width: 100%;
  height: 212rpx;
  background: #ffffff;
  margin-top: 20rpx;
  position: relative;
}

.type_audit .left_bar_wait{
  width: 18rpx;
  height: 212rpx;
  background: #EFA35F;
  box-shadow: 0 2px 4px 0 rgba(220,214,213,0.24);
}

.type_audit .left_bar_agree{
  width: 18rpx;
  height: 212rpx;
  background: #5FABEF;
  box-shadow: 0 2px 4px 0 rgba(220,214,213,0.24);
}

.type_audit .left_bar_refuse{
  width: 18rpx;
  height: 212rpx;
  background: #EF5F66;
  box-shadow: 0 2px 4px 0 rgba(220,214,213,0.24);
}

.type_audit .icon_audit_dot{
  width: 16rpx;
  height: 16rpx;
  background: #ef5f66;
  border-radius: 8rpx;
  position: absolute;
  top: 16rpx;
  right: 40rpx;
}

.type_audit  .icon_audit{
  width: 160rpx;
  height: 160rpx;
  position: absolute;
  top: 28rpx;
  right: 40rpx;
}

.type_audit .title{
  width: 400rpx;
  white-space: nowrap;
  overflow: hidden;
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  color: #555555;
  position: absolute;
  top: 28rpx;
  left: 56rpx;

}

.type_audit .name{
  width: 400rpx;
  white-space: nowrap;
  overflow: hidden;
  font-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #666666;
  position: absolute;
  top: 100rpx;
  left: 56rpx;
}

.type_audit .time{
  width: 400rpx;
  white-space: nowrap;
  overflow: hidden;
  ont-family: PingFangSC-Regular;
  font-size: 28rpx;
  color: #666666;
  position: absolute;
  top: 146rpx;
  left: 56rpx;
}


.type_send{
  width: 100%;
  height: 150rpx;
  padding: 24rpx;
  padding-left: 0;
  background: #FFFFFF;
  margin-top: 20rpx;
  position: relative;
}

.type_send .icon_send{
  width: 36rpx;
  height: 32rpx;
  position: absolute;
  top: 34rpx;
  left: 46rpx;
}

.type_send .title{
  width: 400rpx;
  white-space: nowrap;
  overflow: hidden;
  font-family: PingFangSC-Medium;
  font-size: 32rpx;
  color: #555555;
  position: absolute;
  top: 24rpx;
  left: 100rpx;
}

.type_send .time{
  width: 400rpx;
  white-space: nowrap;
  overflow: hidden;
  font-family: PingFangSC-Regular;
  font-size: 24rpx;
  color: #BBBBBB;
  position: absolute;
  top: 80rpx;
  left: 46rpx;
}

.type_send .desc{
  font-family: PingFangSC-Regular;
  font-size: 24rpx;
  color: #BBBBBB;
  position: absolute;
  top: 152rpx;
  left: 50rpx;
}
.type_send .send_line{
  border-bottom: 1rpx dashed #D4D3D3;
  margin-top: 53rpx;
}

.sel_icon_area{
  width: 150rpx;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
